<template>
    <div class="layout">
        <el-container>
        <el-aside width="200px">
            <userAside></userAside><!-- 组件 -->
        </el-aside>
        <el-container>
        <el-header>
            <userHeader></userHeader>
        </el-header>
        <el-main><router-view></router-view></el-main>
        </el-container>
        </el-container>
    </div>
</template>

<script>
import userAside from "../components/userAside.vue"/* 引入 */
import userHeader from "../components/userHeader.vue"
export default {
    components:{userAside,userHeader},/* 注册 */
    setup () {
        

        return {}
    }
}
</script>

<style lang="scss" scoped>
  .el-container{
    height:100vh;
  }
  .el-aside{
      background-color: #111;
      color: #fff;
      padding: 0;
  }
</style>